<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xmlns:th="http://www.thymeleaf.org">
 
<head> 
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" /> 
	<title>收费窗口 - 湖南省自来水公司营销管理信息系统</title> 
	
	<link rel="stylesheet" href="../css/reset.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/text.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/form.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/buttons.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/grid.css" type="text/css" media="screen" title="no title" />	
	<link rel="stylesheet" href="../css/layout.css" type="text/css" media="screen" title="no title" />	
	
	<link rel="stylesheet" href="../css/ui-darkness/jquery-ui-1.8.12.custom.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/jquery.visualize.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/facebox.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/uniform.default.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/plugin/dataTables.css" type="text/css" media="screen" title="no title" />
	<link rel="stylesheet" href="../css/custom.css" type="text/css" media="screen" title="no title">
	<link rel="stylesheet" href="/js/jquery/sweetalert2.min.css">
	<script src="js/jquery/sweetalert2.min.js"></script>
	<script src="js/jquery/jquery-3.3.1.min.js"></script>
<style type="text/css">
table.pay td { height:30px; vertical-align:middle;  }
.getmoney { text-align:right; font-weight:bold; }
table.billlist { cursor:default; }
table.billlist thead th{ background-color:#000 !important; }
table.billlist tr.selected td { background-color:#333; color:#ff0; }
.second,.second td,.second th { font-size:12px; }
</style>
<script type="text/javascript">
//查询用户
function findUser(){
    var u="/sys_selectUser01.html?UserNo="+$("#UserNo").val()+ "&ABC="+$("#ABC").val()+"&SMSPhone="+$("#SMSPhone").val()+"&Phone="+$("#Phone ").val()+"&UserName="+$("#UserName").val()+"&DocNum="+$("#DocNum").val()+"&Address="+$("#Address").val();
    u=encodeURI(u);
    swal({
        title: '<i>选择用户</i>',
        html:
        "<div style='height: 600px;'>" +
        "<iframe width=100% height=100% marginwidth=0 marginheight=0 frameborder='no' border='0'  src="+u+" ></iframe>" +
        "</div>",
        showCloseButton: false,
        showCancelButton: false,
        confirmButtonText:
            '<i class="fa fa-thumbs-up"></i> Great!',
        cancelButtonText:
            '<i class="fa fa-thumbs-down"></i>'
    })
}
//交费
function pay(){
    if($("#UserNo").val()=="" || $("#fapiao").val()=="" || $("#shishou").val()==""){
        alert("请完成交费信息");
        return;
    }
	showDialog('确认交费吗？', function(){
		var u="/pay_printInvoice.html?UserNo="+$("#UserNo").val()+"&fapiao="+$("#fapiao").val()+"&M="+$("#shishou").val();
		u=encodeURI(u);
        swal({
            title: '<i>打印发票</i>',
            html:
            "<div style='height: 600px;'>" +
            "<iframe width=100% height=100% marginwidth=0 marginheight=0 frameborder='no' border='0'  src='"+u+"' ></iframe>" +
            "</div>",
            showCloseButton: false,
            showCancelButton: false,
            confirmButtonText:
                '<i class="fa fa-thumbs-up"></i> Great!',
            cancelButtonText:
                '<i class="fa fa-thumbs-down"></i>'
        })


	});
}
//选择发票
function selectInvoice(){
    swal({
        title: '<i>选择用户</i>',
        html:
        "<div style='height: 600px;'>" +
        "<iframe width=100% height=100% marginwidth=0 marginheight=0 frameborder='no' border='0'  src='/pay_window_selectInvoice01.html'></iframe>" +
        "</div>"
        ,
        showCloseButton: false,
        showCancelButton: false,
        confirmButtonText:
            '<i class="fa fa-thumbs-up"></i> Great!',
        cancelButtonText:
            '<i class="fa fa-thumbs-down"></i>'
    })
}
//发票补开
function reInvoice(fapiao,PayNo){
    var u="/pay_window_reInvoice01.html?PayNo="+PayNo;
    swal({
        title: '<i>发票补开</i>',
        html:
        "<div style='height: 1000px;'>" +
        "<iframe width=100% height=100% marginwidth=0 marginheight=0 frameborder='no' border='0'  src='"+u+"'></iframe>" +
        "</div>"
        ,
        showCloseButton: false,
        showCancelButton: false,
        confirmButtonText:
            '<i class="fa fa-thumbs-up"></i> Great!',
        cancelButtonText:
            '<i class="fa fa-thumbs-down"></i>'
    })

}


</script>

</head> 
 
<body> 

<div id="wrapper">
	
	<div id="header">
		
		<div class="content_pad">
			<h1><a href="../workspace.html">湖南省自来水公司营销管理信息系统</a></h1>
			
			<ul id="nav">
				
				<li class="nav_dropdown nav_icon">
					<a href="javascript:;"><span class="ui-icon ui-icon-wrench"></span>业扩工程</a>
					
					<div class="nav_menu">			
						<ul>
							<li><a href="../page/be__request.html">01 用户申请</a></li>
							<li><a href="../page/be__audit.html">02 初步审核</a></li>
							<li><a href="../page/be__pay.html">03 交施工费</a></li>
							<li><a href="../page/be__billclear.html">04 水费清算</a></li>
							<li><a href="../page/be__contract.html">05 供水协议</a></li>
							<li><a href="../page/be__working.html">06 施工竣工</a></li>
							<li><a href="../page/be__open.html">07 通水停水</a></li>
							<li><a href="../page/be__save.html">08 档案存档</a></li>
							<li><a href="../page/be_order.html">工单管理</a></li>
							<li><a href="../page/be_abort.html">终止工单</a></li>
							<li><a href="../page/be_reportProgress.html">业扩工程进度</a></li>
							<li><a href="../page/be_reportMoney.html">业扩收费报表</a></li>
						</ul>
						
					</div>
				</li>

				<li class="nav_dropdown nav_icon">
					<a href="javascript:;"><span class="ui-icon ui-icon-person"></span>用户管理</a>
					
					<div class="nav_menu">			
						<ul>
							<li><a href="../page/user_search.html">用户查询</a></li>	
							<li><a href="../page/user_add.html">快捷新户</a></li>	
							<li><a href="../page/user_changeName.html">快捷过户</a></li>
							<li><a href="../page/user_changeBank.html">快捷代扣</a></li>
							<li><a href="../page/user_changeMeter.html">快捷换表</a></li>
							<li><a href="../page/user_changeFormula.html">快捷重签</a></li>
							<li><a href="../page/user_delete.html">快捷销户</a></li>
							<li><a href="../page/user_reportShortcut.html">快捷操作记录</a></li>
							<li><a href="../page/user_docNum.html">档案号管理</a></li>
							<li><a href="../page/user_sendMsg.html">短信群发</a></li>
						</ul>
						
					</div>
				</li>

				<li class="nav_dropdown nav_icon">
					<a href="javascript:;"><span class="ui-icon ui-icon-pencil"></span>抄表管理</a>

					<div class="nav_menu">
						<ul>
							<li><a href="./rd_volume.html">表册管理</a></li>
							<li><a href="./RdYearmonth.html">抄表初始化</a></li>
							<li><a href="./rd_task">任务分配</a></li>
							<li><a href="./queryRdRead2">抄表录入</a></li>
							<li><a href="./rd_audit">抄表审核</a></li>
							<li><a href="./queryReportReadingFY">抄表情况查询</a></li>
							<li><a href="./rd_reportVolumeReading">抄表统计报表</a></li>
							<li><a href="./rd_reportZero.html">零吨位用户查询</a></li>
							<li><a href="./rd_reportMaxValue.html">最大码值修正记录</a></li>
							<li><a href="./rd_reportCPreAmount.html">底码修正记录</a></li>
							<li><a href="./rd_reportMeterCheck">水表周检报表</a></li>
						</ul>

					</div>
				</li>

				<li class="nav_dropdown nav_icon">
					<a href="javascript:;"><span class="ui-icon ui-icon-star"></span>收费管理</a>

					<div class="nav_menu">
						<ul>
							<li><a href="./pay_window.html">窗口收费</a></li>
							<li><a href="./pay_batch.html">批量收费</a></li>
							<li><a href="./ShowAll">发票补开/作废</a></li>
							<li><a href="./queryFY">欠费报表</a></li>
							<li><a href="./querymoney">收费情况报表</a></li>
							<li><a href="./queryPyBilldetail">月资金回收情况报表</a></li>
							<li><a href="./pay_reportBalance">用户预收情况报表</a></li>
						</ul>

					</div>
				</li>
				
				<li class="nav_dropdown nav_icon">
					<a href="javascript:;"><span class="ui-icon ui-icon-script"></span>发票管理</a>
					
					<div class="nav_menu">			
						<ul>
							<li><a href="../page/inv_invoiceManage.html">发票总表</a></li>
							<li><a href="../page/inv_invoiceIn.html">发票入库</a></li>	
							<li><a href="../page/inv_invoiceOut.html">发票出库</a></li>
							<li><a href="../page/inv_invoiceArchive.html">发票交票</a></li>
							<li><a href="../page/inv_invoiceReportOut.html">发票出库情况查询</a></li>	
							<li><a href="../page/inv_invoiceReportEmp.html">收费人员发票查询</a></li>	
							<li><a href="../page/inv_invoiceReportArchive.html">发票交票情况查询</a></li>	
							<li><a href="../page/inv_invoiceReportUse.html">发票使用情况查询</a></li>	
							<li><a href="../page/inv_invoiceReportMoneySum.html">销账汇总报表</a></li>	
							<li><a href="../page/inv_invoiceReportMoneyDetail.html">销账明细报表</a></li>	
						</ul>
					</div>
				</li>

				<li class="nav_dropdown nav_icon">
					<a href="javascript:;"><span class="ui-icon ui-icon-gear"></span>系统设置</a>
					
					<div class="nav_menu">			
						<ul>
							<li><a href="../page/sys_area.html">抄表辖区</a></li>	
							<li><a href="../page/sys_meterType.html">水表型号</a></li>	
							<li><a href="../page/sys_dept.html">部门管理</a></li>	
							<li><a href="../page/sys_emp.html">员工管理</a></li>	
							<li><a href="../page/sys_menupower.html">菜单权限设置</a></li>	
							<li><a href="../page/sys_areapower.html">辖区权限设置</a></li>	
							<li><a href="../page/sys_waterType.html">用水类型设定</a></li>	
							<li><a href="../page/sys_surcharge.html">附加费设定</a></li>	
							<li><a href="../page/sys_flow.html">流程配置</a></li>	
						</ul>
						
					</div>
				</li>
				
				<li class="nav_current nav_dropdown nav_icon_only">
					<a href="javascript:;">&nbsp;</a>
					
					<div class="nav_menu">
						<ul>
							<li><a href="../workspace.html">我的工作台</a></li>
							<li><a href="../page/sys_pwd.html">修改密码</a></li>
							<li><a href="../login.html">退出系统</a></li>
						</ul>
					</div> <!-- .menu -->
				</li>
			</ul>
		</div> <!-- .content_pad -->
		
	</div> <!-- #header -->	
	
	<div id="masthead">
		<div>
			<span id="pagetitle"><a href="javascript:;">收费窗口</a></span>
			<span id="welcome_span">欢迎回来，马云</span>
		</div>
	</div> <!-- #masthead -->	
	
	<div id="content" class="xgrid">

		<div class="x12">
			
			<h2>
				收费窗口
			</h2>
			
<div class="tab_container">
	<ul class="tabs"> 
		<li><a href="#tab1">查询及收费</a></li> 
		<li><a href="#tab2">陈欠账单</a></li> 
		<li><a href="#tab3">历史交费记录</a></li> 
		<li><a href="#tab4">修改联系资料</a></li> 
		<li><a href="#tab5">打印历史详单</a></li> 
		<li><a href="#tab6">打印催缴通知单</a></li> 
	</ul> 
	
	<div class="tab_content_container"> 
		
		<div id="tab1" class="tab_content"> 
		
			<!------------------------------------- 查询 --------------------------------------------->
			<h3>查询</h3>
			
			<table>
				<tr>
					<td>用户编码</td>
					<td><input size="16" type="text" id="UserNo" th:value="${user.UserNo}"/> </td>
					<td>用户简码</td>
					<td><input size="16" type="text" id="ABC" th:value="${user.ABC}"/> </td>
					<td>短信电话</td>
					<td><input size="16" type="text" id="SMSPhone" th:value="${user.SMSPhone}"/> </td>
					<td>联系电话</td>
					<td><input size="16" type="text" id="Phone" th:value="${user.Phone}"/> </td>
					<td></td>
				</tr>
				<tr>
					<td>档案编号</td>
					<td><input size="16" type="text" id="DocNum" th:value="${user.DocNum}"/></td>
					<td>用户姓名</td>
					<td><input size="16" type="text" id="UserName" th:value="${user.UserName}"/> </td>
					<td>联系地址</td>
					<td colspan="4"><input size="16"  name="Address" id="Address" th:value="${user.Address}"/>
						<a href="javascript:;" class="btn btn-icon btn-small btn-find btn-blue"
						  onclick="findUser();"><span></span>查询</a>
						<a href="#" target="_blank"
							class="btn btn-icon btn-small btn-person btn-blue"><span></span>详情</a>
						<a href="javascript:location='/pay_window.html';" class="btn btn-icon btn-small btn-refresh"><span></span>重置</a>
					</td>
				</tr>
				
			</table>	
			<br/>
			
			
			<!------------------------------------- 收费 --------------------------------------------->
			<script type="text/javascript">
                function zl(m,m01,v) {
                    var v1=v.value;
                    if (m01<0){
                        var con=(m01-0)+(v1-0);
                        $("#zlhi").val(con);
                    };

                }
                function ccc() {
                    if (document.getElementById("cc").spellcheck){
                        $("#zl").html($("#zlhi").val());
                        document.getElementById("cc").spellcheck=false;
                    }else {
                        $("#zl").html(0.00);
                        document.getElementById("cc").spellcheck=true;
                    }
                }
			</script>
			<h3>收费</h3>
			
						
			<table class="pay">
				<tr>
					<td>陈欠总额</td>
					<td class="right red bold" >[[${money01}]]&nbsp;&nbsp;</td>
					<td >元</td>
					<td rowspan="5" style="padding-left:80px;">
						<button onClick="pay();"
						class="btn btn-icon btn-dollar btn-blue btn-large"><span></span>交费</button>
					</td>
				</tr>
				<tr>
					<td>剩余预交</td>
					<td class="right green bold">[[${money}]]&nbsp;&nbsp;</td>
					<td>元</td>
				</tr>
				<tr>
					<td>本次实收</td>
					<td><input class="getmoney" value="0.00" id="shishou" th:onkeyup="|zl(${money},${money01},this)|"/></td>
					<td>元</td>
				</tr>
				<tr>
					<td>本次找零</td>
					<td class="right"><map id="zl">0.00</map>&nbsp;&nbsp; <input type="hidden" id="zlhi"></td>
					<td>元 <input id="cc" type="checkbox" checked="checked" onchange="ccc()"/><label for="cc">找零转入预存</label></td>
				</tr>

				<tr>
					<td>发票号码</td>
					<td>
						<span class="text_button">
							<input style="width:120px; text-align:center;" value="" id="fapiao"/>
							<button onClick="selectInvoice();">浏览</button>
						</span>
					</td>
					<td>&nbsp;</td>
				</tr>
			</table>
			<br/><br/><br/><br/>
		</div>
		<div id="tab2" class="tab_content second"> 
		
		
		<!------------------------------------- 陈欠账单 --------------------------------------------->
		
			<div style="float:left;width:45%;">

			<h3>陈欠账单</h3>
			<table class="data display billlist">
				<thead>
					<tr>
						<th>水费单</th>
						<th style="text-align:right">总金额</th>
						<th style="text-align:right">实收</th>
						<th style="text-align:right">未收</th>
					</tr>
				</thead>
				<tbody>
				<tr class="odd selected" th:each="pb:${pyBills}" th:id="${pb.BillNo}" >
					<td>[[${pb.BillNo}]] </td>
					<td class="right">[[${pb.BillMoney}]]元</td>
					<td class="right">[[${pb.RealMoney}]]元</td>
					<td class="right"> [[${pb.BillMoney-pb.RealMoney}]] 元</td>
				</tr>
				</tbody>
			</table>
			</div>
			<span style="float:left;width:1%;">&nbsp;</span>
			<div id="details" style="float:left;width:54%; min-height:600px;"  >

				<!------------------------------------- 水费明细 --------------------------------------------->
				<h3>账单明细</h3>
				<table class="data display" th:each="pb:${pyBills}"  style="display: none" th:id="|_${pb.BillNo}|">
				<thead>
					<tr>
						<th>费用类型</th>
						<th style="text-align:right">水量</th>
						<th style="text-align:right">单价</th>
						<th style="text-align:right">未收</th>
					</tr>
				</thead>
				<tbody>
				<tr class="" th:each="pbd:${pb.pyBilldetails}" >
					<td>[[${pbd.CostTypeCode}]]</td>
					<td class="right"> [[${pbd.Amount}]]   吨</td>
					<td class="right"> [[${pbd.Price}]]元</td>
					<td class="right">[[${pbd.DetailMoney}]] 元</td>
				</tr>
				</tbody>
			</table>
			</div>
		</div>
		<div id="tab3" class="tab_content">
		<!------------------------------------- 历史交费记录 --------------------------------------------->
			<table class="data display">
				<thead>
					<tr>
						<th width="200">历史交费单号</th>
						<th width="140">交费日期</th>
						<th width="140" style="text-align:right">交费金额</th>
						<th width="100" style="text-align:center">发票号</th>
						<th width="100">收费员</th>
						<th>&nbsp;</th>
					</tr>
				</thead>
				<tbody>
				<tr class="odd" th:each="pay:${pyPays}">
					<td>[[${pay.PayNo}]]</td>
					<td>[[${pay.PayDate}]]</td>
					<td class="right">[[${pay.PayMoney}]] 元</td>
					<td class="center">[[${pay.Invoice}]]</td>
					<td>[[${pay.UserName}]]</td>
					<td><a th:href="|javascript:reInvoice(${pay.Invoice},'${pay.PayNo}')|" class="btn btn-small">发票补开</a></td>
				</tr>
				<tr class="odd">
					<td colspan="6">只显示最近的8条交费记录...</td>
				</tr>
				</tbody>
			</table>
		</div>
		<div id="tab4" class="tab_content" style="min-height:500px;"> 
		
			<!------------------------------------- 修改联系信息 --------------------------------------------->
			<div class="form label-inline uniform">
				<form name="f1" action="/updateUsUser">
				<div class="field"><label for="xx">用户编码</label> <input readonly="readonly" name="UserNo" th:value="${user.UserNo}" /></div>
				<div class="field"><label for="xx">用户姓名</label> <input readonly="readonly"  name="UserName" th:value="${user.UserName}" /></div>
				<div class="field"><label for="xx">联系电话</label> <input  name="Phone" th:value="${user.Phone}" /></div>
				<div class="field"><label for="xx">短信号码</label> <input  name="SMSPhone" th:value="${user.SMSPhone}" /></div>
				<div class="field"><label for="xx">联系地址</label> <input size="80" 
					name="Address"	th:value="${user.Address}" /></div>
				<div class="buttonrow">
					<button  onclick="f1.submit()">保存</button>
				</div>
				</form>
			</div>
		</div>
		<div id="tab5" class="tab_content"> 
			<div class="reportTitle">
				用户历史详单
			</div>
			<div class="height24">
				<div style="float:left;width:200px;">用户编码：[[${user.UserNo}]]</div>
				<div style="float:left;">用户姓名：[[${user.UserName}]]</div>
				
				<div style="float:right;">当前欠费：[[${money01}]]元</div>
				<div style="float:right;width:200px;">当前余额：[[${money}]]元</div>
			</div>
			<table class="report">
				<thead>
					<tr>
						<th style="width:210px;">水费/交费单号</th>
						<th style="width:96px;">时间</th>
						<th style="width:70px;">上月表码</th>
						<th style="width:70px;">本月表码</th>
						<th style="width:70px;">用水量</th>
						<th style="width:100px;">应缴水费</th>
						<th style="width:100px;">交费金额</th>
						<th>余额/欠费</th>
					</tr>
				</thead>
				<tbody>
					<tr  th:each="uhi:${UserHistorys}">
						<td class="left">[[${uhi.OrderNo}]]</td>
						<td class="center">[[${uhi.Datee}]]</td>
						<td class="right">[[${#maps.containsKey(uhi,"PreValue")?uhi.PreValue:""}]]</td>
						<td class="right">[[${#maps.containsKey(uhi,"CurValue")?uhi.CurValue:""}]]</td>
						<td class="right">[[${#maps.containsKey(uhi,"Amount")?uhi.Amount+"吨":""}]] </td>
						<td class="right">[[${#maps.containsKey(uhi,"BillMoney")?uhi.BillMoney+"元":""}]]</td>
						<td class="right">[[${#maps.containsKey(uhi,"PayMoney")?uhi.PayMoney+"元":""}]]</td>
						<td class="right"><span class="fleft">[[${uhi.UserMoney>=0?"余额":"欠费"}]]</span> [[${uhi.UserMoney}]] 元</td>
					</tr>
				</tbody>
			</table>
			<div class="height24 fright">
				打印日期：[[${date}]]
			</div>
			<div style="margin:0px auto; text-align:center; margin-top:40px;">
				<button class="btn btn-icon btn-print btn-blue" onClick="parent.close();"><span></span>打印</button>
			</div>
		</div>
		<div id="tab6" class="tab_content"> 
			<div class="reportTitle">
				催缴水费通知单
			</div>
			<div class="height24">
				<div style="float:left;width:200px;">用户编码：[[${user.UserNo}]]</div>
				<div style="float:left;">用户姓名：[[${user.UserName}]]</div>
				<div style="float:right;">当前欠费：[[${count}]] 元</div>
			</div>
			<table class="report">
				<thead>
					<tr>
						<th style="width:100px;">时间</th>
						<th style="width:120px;">上月表码</th>
						<th style="width:120px;">本月表码</th>
						<th style="width:120px;">用水量</th>
						<th style="width:140px;">应缴水费</th>
						<th style="width:140px;">实缴</th>
						<th                     >未缴</th>
					</tr>
				</thead>
				<tbody>
					<tr th:each="c:${chui}">
						<td class="center">[[${c.CreateDate}]]</td>
						<td class="right">[[${c.PreValue}]]</td>
						<td class="right">[[${c.CurValue}]]</td>
						<td class="right">[[${c.Amount}]] 吨</td>
						<td class="right">[[${c.BillMoney}]] 元</td>
						<td class="right">[[${c.RealMoney}]] 元</td>
						<td class="right">[[${c.BillMoney-c.RealMoney}]] 元</td>
					</tr>
				</tbody>
			</table>
			<div class="height24">
				尊敬的用户，你户已欠缴水费 [[${count}]] 元，请在三天内至我公司收费大厅结清水费，否则将停止供水。
			</div>
			<div class="height24 right">
				湖南省自来水公司
				&nbsp;&nbsp;
				[[${date}]]
			</div>
			<div style="margin:0px auto; text-align:center; margin-top:10px;">
				<button class="btn btn-icon btn-print btn-blue" onClick="parent.close();"><span></span>打印</button>
			</div>
		</div>
	</div>
</div>
			
		</div> <!-- .x12 -->
		
	</div> <!-- #content -->
	
	<div id="footer">		
		<div class="content_pad">			
			<p>&copy; 2013-11 版权所有 <a href="#">湖南省自来水公司</a>.   技术支持 <a href="#">职业教育</a>.</p>
		</div> <!-- .content_pad -->
	</div> <!-- #footer -->
	
</div> <!-- #wrapper -->

<script src="../js/jquery/jquery-1.5.2.min.js"></script>
<script src="../js/jquery/jquery-ui-1.8.12.custom.min.js"></script>
<script src="../js/misc/excanvas.min.js"></script>
<script src="../js/jquery/facebox.js"></script>
<script src="../js/jquery/jquery.visualize.js"></script>
<script src="../js/jquery/jquery.dataTables.min.js"></script>
<script src="../js/jquery/jquery.tablesorter.min.js"></script>
<script src="../js/jquery/jquery.uniform.min.js"></script>
<script src="../js/jquery/jquery.placeholder.min.js"></script>

<script src="../js/widgets.js"></script>
<script src="../js/dashboard.js"></script>

<script type="text/javascript">
	
$(document).ready ( function () 
{
	Dashboard.init ();
	
	//选择项初始化
	$('.tab_container').tabs ();
	
	//陈欠账单-选择账单的操作
	$('table.billlist tbody tr').click(function(){
		$('table.billlist tbody tr.selected').removeClass('selected');
		$(this).addClass('selected');
		
		//以下代码是模拟ajax视觉效果
		// if(!temp_html) temp_html = $('#details').html();
		// $('#details').html('正在加载...');
		// setTimeout(function(){ $('#details').html(temp_html); }, 300);

        $("#details table").each(function (i) {
            this.style.display="none";
        });
        var tr=$(this)[0];
        $("#_"+tr.id).show();

	});
});
var temp_html;




</script>

</body> 
 
</html>